<template>
  <div>
    测试

    <p class="my">我是交集</p>
    <button @click="sendAxios">点我</button>
  </div>
</template>

<script lang="ts" setup>
import { reqLogin } from '@/api/user'
import { reactive } from 'vue'

const user = reactive({
  username: 'admin',
  password: '111111'
})
const sendAxios = async () => {
  const res = await reqLogin(user.username, user.password)
  console.log(res)
}
</script>

<script lang="ts">
export default {
  name: 'VTest'
}
</script>

<style lang="scss" scoped>
// 声明样式
$color: red;
$color1: pink;
div {
  color: $color;
}
p {
  &.my {
    color: $color1;
  }
}
</style>
